<template>
<div>
    <div class="head_img hidden-md hidden-sm hidden-xs"></div>
    <img class="head_phone_img hidden-lg" src="../../assets/hghotel_image/banner03.jpg" alt="">
    <div class="container">
        
        <div class="row">
            <div class="col-md-12 swhy hidden-xs hidden-sm">
                <span class="swhy_left"></span> 商务会议 <span class="swhy_right"></span>
            </div>
            <div class="row hidden-md hidden-lg" style="font-weight:bolder;font-size:16px;line-height:20px;text-align:center;padding:20px 0px;margin:0 10px;">
                <div class="col-xs-4 swhy_left"></div >
                <div class="col-xs-4">商务会议</div >
                <div class="col-xs-4 swhy_right"></div>
            </div>
            <div class="col-md-12 col-sm-12 hyss">
                <p style="color:#8f4290;font-size:15px;">会议设施</p>
                <p>• 宾馆设有大、中、小共六个功能各异的会议室</p>
                <p>• 配有先进的多媒体系统、音响、灯光设备。</p>
            </div>
            <div class="col-md-12 col-sm-12">
                <div class="hys_wrap">
                    <div class="col-md-6 hidden-md hidden-lg">
                        <div class="row hys_left">
                            <div class="hys_title">贵宾室</div>
                            <p><i></i><span>位于酒店三楼，面积72㎡，装饰典雅，投影仪、幕布等设施一应俱全可提供VIP服务。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys01.png" style="width:100%;height:100%" alt="">
                    </div>
                    <div class="col-md-6 no_pa hidden-xs hidden-sm">
                        <div class="hys_left">
                            <div class="hys_title">贵宾室</div>
                            <p><i></i><span>位于酒店三楼，面积72㎡，装饰典雅，投影仪、幕布等设施一应俱全可提供VIP服务。</span></p>
                        </div>
                    </div>
                </div>
                <div class="hys_wrap">
                    <div class="col-md-6 no_pa">
                        <div class="hys_right">
                            <div class="hys_title">电教室</div>
                            <p><i></i><span>位于酒店一楼面积104㎡，投影仪、幕布等设施一应俱全配有50台联想液晶电脑可满足各类电脑培训，研讨等会议。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys02.png" style="width:100%;height:100%" alt="">
                    </div>
                </div>
                <div class="hys_wrap">
                    <div class="col-md-6 hidden-md hidden-lg">
                        <div class="row hys_left">
                            <div class="hys_title col-xs-12">学术报告厅</div>
                            <p><i></i><span>会议酒店一楼，面积210㎡，投影仪、幕布等设施一应俱全配可用于接待120人会议。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys03.png" style="width:100%;height:100%" alt="">
                    </div>
                    <div class="col-md-6 no_pa hidden-xs hidden-sm">
                        <div class="hys_left">
                            <div class="hys_title">学术报告厅</div>
                            <p><i></i><span>会议酒店一楼，面积210㎡，投影仪、幕布等设施一应俱全配可用于接待120人会议。</span></p>
                        </div>
                    </div>
                </div>
                <div class="hys_wrap">
                    <div class="col-md-6 no_pa">
                        <div class="hys_right">
                            <div class="hys_title">第一会议室</div>
                            <p><i></i><span>第一会议室可容纳120人，面积为260㎡，宽敞大气，配有DVD机、无线麦克、投影仪等设备。根据不同需要不同培训形式可摆放为课式、回型式、岛屿式等多种模式。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys04.png" style="width:100%;height:100%" alt="">
                    </div>
                </div>
                <div class="hys_wrap">
                    <div class="col-md-6 hidden-md hidden-lg">
                        <div class="row hys_left">
                            <div class="hys_title">第二会议室</div>
                            <p><i></i><span>第二会议室面积为106㎡，可容纳60人。可根据培训形式摆放为课桌式、回型式、岛屿式。配有座式麦克，投影仪。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys05.png" style="width:100%;height:100%" alt="">
                    </div>
                    <div class="col-md-6 no_pa hidden-xs hidden-sm">
                        <div class="hys_left">
                            <div class="hys_title">第二会议室</div>
                            <p><i></i><span>第二会议室面积为106㎡，可容纳60人。可根据培训形式摆放为课桌式、回型式、岛屿式。配有座式麦克，投影仪。</span></p>
                        </div>
                    </div>
                </div>
                <div class="hys_wrap">
                    <div class="col-md-6 no_pa">
                        <div class="hys_right">
                            <div class="hys_title">第三会议室</div>
                            <p><i></i><span>第三会议室位于酒店三楼，面积72㎡，装饰典雅，投影仪、幕布等设施一应俱全可提供VIP服务。</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 no_pa" style="height:100%">
                        <img src="../../assets/hghotel_image/hys06.png" style="width:100%;height:100%" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>    
</template>
<script>
export default {
  
}
</script>
<style scoped>
    .no_pa{
        padding:0px;
    }
    .head_img{
        width:100%;
        height: 410px;
        background:url('../../assets/hghotel_image/banner03.jpg') no-repeat center;
        background-size: cover;
    }
    .head_phone_img{
        width:100%;
    }
    @media (min-width: 769px){
        .container {
            padding-right: 0px;
            padding-left: 0px;
            margin-right: auto;
            margin-left: auto;
        }
        .swhy{
            height: 125px;
            line-height: 125px;
            /* margin:0 auto; */
            font-size: 20px;
            font-weight:bolder;
        }
        .swhy_left,
        .swhy_right{
            width:195px;
            height:1px;
            background: #8f4290;
            display:inline-block;
            margin-bottom: 6px;
            margin-right: 15px;
        }
        .swhy_right{
            margin-left: 15px;
        }
        .hyss{
            line-height: 20px;
            margin-bottom: 30px;
        }
        .hyss p{
            font-weight: bolder;
        }
        .hys_wrap{
            height:355px;
        }
        .hys_title{
            height:85px;
            line-height:110px;
            font-size:18px;
            color:#8f4290;
            font-weight:bolder;
            border-bottom:1px solid #cdcdcd;
            margin-bottom: 50px;
        }
        .hys_left{
            margin-left:30px;
            text-align: left;
        }
        .hys_right{
            margin-right:30px;
            text-align: right;
        }
        .hys_right p{
            text-align: left;
        }
        .hys_wrap p{
            font-weight: bolder;
            line-height: 33px;
            vertical-align: middle;
        }
        .hys_wrap p i{
            width: 5px;
            height: 14px;
            display: inline-block;
            background: #8f4290;
            margin-right: 10px;
            vertical-align: middle;
            margin-bottom: 3px;
        }
    }
    @media (min-width: 1200px){
        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            width:1200px;
        }
    }
    @media (max-width: 768px) {
        .swhy_left,
        .swhy_right{
            height:1px;
            background: #8f4290;
            margin-top: 9px;
        }
        .hys_title{
            height:45px;
            line-height:45px;
            font-size:18px;
            color:#8f4290;
            font-weight:bolder;
            border-bottom:1px solid #cdcdcd;
            margin-bottom: 12px;
            margin-top: 18px;
        }
        .hys_left,
        .hys_right{
            /* margin-left:30px; */
            text-align: left;
        }
        .hys_wrap p{
            font-weight: bolder;
            line-height: 32px;
        }
        .hys_wrap p span{
            /* display: inline-block; */
            line-height: 33px;
            vertical-align: middle;
        }
        .hys_wrap p i{
            width: 5px;
            height: 14px;
            display: inline-block;
            background: #8f4290;
            margin-right: 10px;
            vertical-align: middle;
            margin-bottom: 3px;
        }
    }
</style>